<template>
  <div id="app">
    <!-- 标题头 -->
    <head-navigation></head-navigation>
    <subnav></subnav>
    <!-- 显示路由 -->
    <div class="rowvie">
      <router-view :key="$route.fullPath"></router-view>
    </div>
    <!-- <center-slideshow></center-slideshow> -->
    <!-- 底部 -->
    <Footer></Footer>
    <div class="footerrun">
      <FooterRun />
    </div>
  </div>
</template>

<script>
// 头部
import HeadNavigation from "./components/HeadNavigation";
import Footer from "./components/Footer";
import FooterRun from "./components/FooterRun";
import subnav from "@/components/Subnav";
// import CenterSlideshow from './components/CenterSlideshow.vue'

export default {
  name: "App",
  components: {
    HeadNavigation,
    Footer,
    FooterRun,
    subnav,
    // CenterSlideshow
  },
};
</script>

<style>
#app {
  width: 100%;
  min-width: 1276px;
}

.rowvie {
  margin: 0 auto;
}
a {
  color: rgb(218, 211, 211);
  /* 移入变手指 */
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}

body {
  position: relative;
  background-image: url(~@/assets/image/1.jpeg);
  background-repeat: no-repeat;
  background-size: 2166px;
  background-position: center 98px;
}

.footerrun {
  position: sticky;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  min-width: 800px;
  margin: 0 auto;
}
</style>
